<section id="designprotein2dinput_${id}" class="designprotein2dinput">
    <div class="script_placeholder" data-src="/static/js/capa/protex/protex.nocache.js?raw"/>
    <div class="script_placeholder" data-src="${applet_loader}"/>

    % if status in ['unsubmitted', 'correct', 'incorrect', 'partially-correct', 'incomplete']:
    <div class="${status.classname}" id="status_${id}">
    % endif

    <div id="protex_container"></div>
    <input type="hidden" name="target_shape" id="target_shape" value ="${target_shape}"></input>
    <input type="hidden" name="input_${id}" id="input_${id}" aria-describedby="answer_${id}" value="${value|h}"/>

    <p class="status" aria-describedby="input_${id}">
        <span class="sr">${status.display_name}</span>
    </p>

    <p id="answer_${id}" class="answer"></p>
  % if status in ['unsubmitted', 'correct', 'incorrect', 'partially-correct', 'incomplete']:
  </div>
% endif
</section>
